<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>

    <div id="kuai">
        <ul>
            <li v-for="(user,i) in users">
               {{i+1}}- {{user.name}}:{{user.gender}}:{{user.age}}
            </li>
        </ul>
    </div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
    var heima = new Vue({
        el: "#kuai",
        data:{
            users:[
                {name:'柳岩', gender:'女', age: 21},
                {name:'社会我拓哥', gender:'男', age: 30},
                {name:'范冰冰', gender:'女', age: 24},
                {name:'刘亦菲', gender:'女', age: 18},
                {name:'古力娜扎', gender:'女', age: 25}
            ]
        },

    });
</script>


</body>
</html>